<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <!-- 页面最上方 -->
    <header>
        <div class="inner">
            <div class="inner1">
                <ul>
                    <li><a href="#">康佳新闻</a></li>
                    <li><a href="#">加入康佳</a></li>
                    <li><a href="#">校园招聘</a></li>
                    <li><a href="#">康佳社区</a></li>
                    <li><a href="#">大宗采购</a></li>
                    <li><a href="#">积分商城</a></li>
                </ul>
                <ul class="off">
                    <li><a href="./login.html">登录</a></li>
                    <li class="two"><a href="#">注册</a></li>
                </ul>
                <ul class="on active">
                    <li><span class="username">小王同学</span></li>
                </ul>
            </div>
            <div class="gouwuche">
                <img src="https://www.konka.com/themes/pc/konka/images/top-header-cart.png?v11c4" alt="">
                <p>购物车</p>
            </div>
        </div>
    </header>
    <!-- 导航栏  第一个二级菜单 -->
    <nav>
        <div class="inner">
            <div>
                <img src="https://www.konka.com/themes/pc/konka/images/logo.png?v11c4" alt="">
            </div>
            <ul>
                <li><a href="./list.html">首页</a></li>
                <li>
                    <a href="./list.html">电视</a>
                    <ul class="inner_ul"  id="inner_ul1">
                       <!-- js渲染 -->
                    </ul>
                </li>
                <li>
                    <a href="">冰箱</a>
                    <ul class="inner_ul" id="inner_ul2">
                       <!-- js渲染 -->
                    </ul>
                </li>
                <li>
                    <a href="">洗衣机</a>
                    <ul class="inner_ul" id="inner_ul3">
                        <!-- js渲染 -->
                    </ul>
                </li>
                <li>
                    <a href="">生活电器</a>
                    <ul class="inner_ul"  id="inner_ul4">
                       <!-- js渲染 -->
                    </ul>
                </li>
                <li>
                    <a href="">厨房电器</a>
                    <ul class="inner_ul"  id="inner_ul5">
                       <!-- js渲染 -->
                    </ul>
                </li>
                <li>
                    <a href="">智能周边</a>
                    <ul class="inner_ul"  id="inner_ul6">
                       <!-- js渲染 -->
                    </ul>
                </li>
                <li>
                    <a href="">K迷优品</a>
                    <ul class="inner_ul"  id="inner_ul7">
                       <!-- js渲染 -->
                    </ul>
                </li>
                <li><a href="">大宗采购</a></li>
                <li><a href="">服务</a></li>
                <li>
                    <img src="https://www.konka.com/themes/pc/konka/images/header-scrae.png?v11c4" alt="">
                </li>
            </ul>
        </div>
    </nav>
    <!-- 轮播图 -->
    <div class="_banner">
        <!-- 左右切换轮播图 -->
        <div class="banner">
            <ul class="imgBox">
                <!-- li: 一个图片的小盒子 -->
                <li>
                    <img src="https://www.konka.com/public/images/12/57/f2/5a590dba449cb6248704ee6c6c8675d7bd61f04f.jpg?39067_OW1920_OH500" alt="">
                </li>
                <li>
                    <img src="https://www.konka.com/public/images/4b/2f/1a/d401e671f9222b638d38a5d07833e885cf58bcb6.jpg?40603_OW1920_OH500" alt="">
                </li>
                <li>
                    <img src="https://www.konka.com/public/images/5e/df/19/0850e1b797e6450869ca349a9efdd1eaea6a0300.jpg?40606_OW1920_OH500" alt="">
                </li>
                <li>
                    <img src="https://www.konka.com/public/images/45/0d/2b/cb51da758515d36e45a31abd7fd83abc147109a4.jpg?45700_OW1920_OH500" alt="">
                </li>
                <li>
                    <img src="https://www.konka.com/public/images/d0/3b/be/47e144280045bd36ce81599e5d5d0299e42f8016.jpg?39550_OW1920_OH500" alt="">
                </li>
              </ul>
          
              <!-- pointBox: 承载所有焦点的盒子 -->
              <ol class="pointBox">

              </ol>
              <!-- left: 左按钮, 切换上一张 -->
              <div class="left">&lt;</div>
              <!-- right: 右按钮, 切换下一张 -->
              <div class="right">&gt;</div>
        </div>
        <!-- banner里面的二级菜单 -->
        <div class="nav">
            <ul>
                <li><a href="#">电视</a><span>&gt;</span></li>
                <li><a href="#">冰箱</a><span>&gt;</span></li>
                <li><a href="#">洗衣机</a><span>&gt;</span></li>
                <li><a href="#">生活电器</a><span>&gt;</span></li>
                <li><a href="#">厨房电器</a><span>&gt;</span></li>
                <li><a href="#">文创周边</a><span>&gt;</span></li>
                <li><a href="#">K迷优品</a><span>&gt;</span></li>
                <li><a href="#">周边配件</a><span>&gt;</span></li>
                <li><a href="#">全屋套购</a><span>&gt;</span></li>
            </ul>
        </div>
    </div>
    <!-- 积分商城那个部分 -->
    <div class="main">
        <ul>
            <li>
                <ul>
                    <li>
                        <img src="https://www.konka.com/public/images/60/77/bd/879b0d2d303fa098c09722333d674ab8eb474163.png?01666_OW35_OH35" alt="">
                        <div>积分商城</div>
                    </li>
                    <li>
                        <img src="https://www.konka.com/public/images/34/22/87/f1ae47f1f400e292c73f6c7915ce1564b48a58fa.png?00777_OW35_OH35" alt="">
                        <div>限时抢购</div>
                    </li>
                    <li>
                        <img src="https://www.konka.com/public/images/25/a8/bb/5a17fefa345f71565d007d087749eda0c6cdaac8.png?01073_OW35_OH35" alt="">
                        <div>领券中心</div>
                    </li>
                    <li>
                        <img src="https://www.konka.com/public/images/79/19/c6/16f583ac5b90342723faba7cbec8a8c053d10497.png?02617_OW35_OH35" alt="">
                        <div>康佳新闻</div>
                    </li>
                    <li>
                        <img src="https://www.konka.com/public/images/12/40/10/a3466eb8964286d39dac6edc29a0ccaef20f63aa.png?02328_OW30_OH30" alt="">
                        <div>大宗采购</div>
                    </li>
                    <li>
                        <img src="https://www.konka.com/public/images/67/50/e9/4059ebaa083a48f4a698394c642e4aff9c63b531.png?03436_OW35_OH35" alt="">
                        <div>加入康佳</div>
                    </li>
                </ul>
            </li>
            <li>
                <img src="https://www.konka.com/public/images/7b/f9/c7/192d0a9e314593b0f062c580ca8e258ff83d658d.jpg?44308_OW280_OH180" alt="">
            </li>
            <li>
                <img src="https://www.konka.com/public/images/6c/6d/a0/76d54c3f9727d7a95fe513c544ab3a83af71406d.jpg?60136_OW280_OH180" alt="">
            </li>
            <li>
                <img src="https://www.konka.com/public/images/00/8e/9d/e5a05ce5116672f5e6a8b4245ed0d447aeda5272.jpg?43124_OW280_OH180" alt="">
            </li>
        </ul>
    </div>
    <!-- 明星产品 -->
    <div class="starPro">
        <div class="star_top">
            <h3>
                <img src="https://www.konka.com/public/images/43/ab/a1/bf574f9eeaa0371ea1f625627f9cc03e72b2a806.png?55694_OW38_OH30" alt="">
                <a href="#">明星产品</a>
            </h3>
        </div>
        <div class="star_bottom">
            <ul>
                <li>
                    <img src="https://www.konka.com/public/images/20/48/d1/e7d79bb27446cd7d3ec2c74e2523c39ef4fd1970.png?54427_OW800_OH800" alt="">
                    <h4>阿斐亚AI智能电视</h4>
                    <div>8K解码 / JBL大师音响</div>
                    <div><span>￥11999.00</span><span><del>￥23999.00</del></span></div>
                </li>
                <li>
                    <img src="https://www.konka.com/public/images/34/ca/c9/62803c274b130759daa21d8bacecb69a009e5f7d.png?89926_OW800_OH800" alt="">
                    <h4>阿斐亚AI智能电视</h4>
                    <div>8K解码 / JBL大师音响</div>
                    <div><span>￥11999.00</span><span><del>￥23999.00</del></span></div>
                </li>
                <li>
                    <img src="https://www.konka.com/public/images/30/b3/21/353bb58c59c20a4c558e4584ec4679c23892e134.png?43647_OW940_OH1112" alt="">
                    <h4>阿斐亚AI智能电视</h4>
                    <div>8K解码 / JBL大师音响</div>
                    <div><span>￥11999.00</span><span><del>￥23999.00</del></span></div>
                </li>
                <li>
                    <img src="https://www.konka.com/public/images/8d/7c/89/22f6ab19119b3888a165911f9c266d36f22d3d88.png?79056_OW800_OH800" alt="">
                    <h4>阿斐亚AI智能电视</h4>
                    <div>8K解码 / JBL大师音响</div>
                    <div><span>￥11999.00</span><span><del>￥23999.00</del></span></div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 电视 -->
    <div class="dianshi_main">
        <div class="dianshi">
            <div class="dianshi_top">
                <h3>
                    <img src="https://www.konka.com/public/images/e4/ff/69/c83d470d54d6effc118b77b9ee913e19288cb98c.png?55699_OW38_OH30" alt="">
                    <a href="#">电视</a>
                </h3>
            </div>
            <div class="dianshi_center">
                <img src="https://www.konka.com/public/images/e4/cb/04/082625a3ad4dffc27b027ea304e499c058a8c287.jpg?06873_OW1140_OH370" alt="">
            </div>
            <div class="dianshi_bottom">
                <ul id="inner_ul8">
                   <!-- js渲染 -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 页面底部 -->
    <div class="bottom">
        <div class="bottom_top">
            <ul>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/29/72/32/508be9abdf01173241a65b671c4ec6fff242e359.png?72574_OW29_OH29" alt="">
                    </div>
                    <div>
                        <h4>全场包邮</h4>
                        <small>全场商品免费送到家</small>
                    </div>
                </li>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/8e/e7/58/dda3bbcea1734e9cc57f733bd39c7bdfa8a098c9.png?72590_OW23_OH24" alt="">
                    </div>
                    <div>
                        <h4>质量保证</h4>
                        <small>享受国家三包政策</small>
                    </div>
                </li>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/0a/f6/6b/fa606e57f51c1c20bee1b08b460b546a2308535a.png?72616_OW24_OH24" alt="">
                    </div>
                    <div>
                        <h4>权益保障</h4>
                        <small>7天包退15天包换</small>
                    </div>
                </li>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/18/f6/51/e7f1acfff43fd63737b75f9dd040c04875dbef80.png?72627_OW24_OH24" alt="">
                    </div>
                    <div>
                        <h4>放心服务</h4>
                        <small>24小时内上门服务</small>
                    </div>
                </li>
                <li>
                    <div class="font">
                        <img src="https://www.konka.com/public/images/e1/df/92/2304a231ed8691bc454c367e282052810d5634d0.png?72639_OW25_OH25" alt="">
                    </div>
                    <div>
                        <h4>意外惊喜</h4>
                        <small>限时打折优惠不断</small>
                    </div>
                </li>
            </ul>
        </div>
        <div class="bottom_bottom">
            <ul>
                <li>
                   <dl>
                       <dt>帮助中心</dt>
                       <dd>购买指南</dd>
                       <dd>支付方式</dd>
                       <dd>配送方式</dd>
                       <dd>售后政策</dd>
                       <dd>防伪查询</dd>
                   </dl> 
                </li>
                <li>
                    <dl>
                        <dt>新闻中心</dt>
                        <dd>集团新闻</dd>
                        <dd>媒体报道</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>投资者关系</dt>
                        <dd>公司概要</dd>
                        <dd>高管团队</dd>
                        <dd>最新公告</dd>
                        <dd>公司治理</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>集团成员网站</dt>
                        <dd>华侨城集团</dd>
                        <dd>康佳全球服务中心</dd>
                        <dd>康佳国际营销</dd>
                        <dd>康佳移动互联科技</dd>
                        <dd>康佳壹世界商业显示</dd>
                        <dd>康佳智能电器</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>关于我们</dt>
                        <dd>了解康佳</dd>
                        <dd>加入康佳</dd>
                        <dd>校园招聘</dd>
                        <dd>联系我们</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>关注我们</dt>
                        <dd>官方微博</dd>
                        <dd>官方微信</dd>
                        <dd>官方社区</dd>
                        <dd>K迷俱乐部</dd>
                        <dd>康佳微商城</dd>
                        <dd>康佳服务</dd>
                        <dd>腾讯视频TV端</dd>
                    </dl>
                </li>
            </ul>  
            <div class="ul_right">
                <div>24小时全国服务热线</div>
                <div>400-880-0016</div>
                <div>
                    <span>购买咨询</span>
                    <span>售后服务</span>
                </div>
            </div>  
        </div>
    </div>
    <!-- 页面最底部 -->
    <footer>
        <div class="foot_logo">
            <img src="https://www.konka.com/themes/pc/konka/images/konka.png?v5436" alt="">
        </div>
        <div class="foot_link">
            <span>Copyright © 1980-2021 康佳集团股份有限公司 版权所有 </span>
            <span>丨</span>
            <a href="#" class="_a">联系我们</a>
            <span>丨</span>
            <a href="#" class="_a">法律声明</a>
            <span>丨</span>
            <a href="#" class="_a">隐私保护</a>
            <span>丨</span>
            <a href="#" class="_a">快递查询</a>
            <span>丨</span>
            <a href="#" class="_a">腾讯视频TV端</a>
            <span>丨</span>
            <a href="#" class="_a">粤ICP备 05059413号</a>
        </div>
    </footer>
    <!-- 左侧 的 楼层导航  -->
    <div class="daohang">
        <ol>
            <li><a href="" class="star_li">明星产品</a></li>
            <li><a href="#">电视</a></li>
            <li><a href="#">冰箱</a></li>
            <li><a href="#">洗衣机</a></li>
            <li><a href="#">生活电器</a></li>
            <li><a href="#">厨房电器</a></li>
            <li><a href="#">智能周边</a></li>
            <li><a href="#">智能家居</a></li>
            <li><a href="#">K迷优品</a></li>
        </ol>
    </div>
    <script src="../js/utils.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>